<script setup>
import {ref,onMounted} from 'vue'
import WOW from 'wow.js'
import FloatingBackButton from './FloatingBackButton.vue';
import Tooltip from './Tooltip.vue';

let n = ref(0);
let joinlist = ref();
let aboutlist = ref();

onMounted(async()=>{
 var wow = new WOW({
    boxClass: 'wow', // 需要执行动画的元素的 class; 【String类型】默认值：‘wow'；
    animateClass: 'animated', // animation.css 动画的 class; 【String类型】默认值：‘animated'；
    offset: 0, // 距离可视区域多少开始执行动画；【整数Number类型】默认值：0；
    mobile: true, // 是否在移动设备上执行动画；【Boolean类型】默认值: true;
    live: true // 异步加载的内容是否有效；【Boolean类型】默认值: true;
    });
 wow.init();

})

function action(i) {
    n.value = i
}

const definitions = {
    termA: '<h3>【住所地的确定】</h3><ul><li>1.自然人住所地 <ul type="circle"><li>•自然人以户籍登记或者其他有效身份登记记载的居所为住所；经常居住地与住所不一致的，经常居住地视为住所；</li><li>•公民住所地是指公民的户籍所在地；</li><li>•公民的经常居住地是指公民离开住所地至起诉时已连续居住一年以上的地方，但公民住院就医的地方除外</li></ul></li><li>2.法人或者其他组织住所地<ul type="circle"><li>•法人以其主要办事机构所在地为住所。依法需要办理法人登记的，应当将主要办事机构所在地登记为住所</li><li>•法人或者其他组织的住所地是指法人或者其他组织的主要办事机构所在地；</li><li>•法人或者其他组织的主要办事机构所在地不能确定的，法人或者其他组织的注册地或者登记地为住所地。</li></ul></li></ul>'
}
</script>

<template>
    <FloatingBackButton />
    <div class="bgih6 wow fadeInDown">
        <div class="title1 wow fadeInDown"><h1>程序问题</h1></div>
    </div>
    <div class="containerLong wow fadeInUp">
        <!-- <div class="whiteline"></div> -->
        <div class="title2">
            <h2 class="wow fadeInDown">
                ·撤销权
            </h2>
        </div>
        <!-- <div class="whiteline"></div> -->
        <div class="content">
            <p class="wow fadeInDown">
                当您在保险合同的签订过程中，出现<b>重大误解、遭受明显不公</b>或者<b>遭受欺诈、胁迫</b>，您可以依据单方意思表示，通过诉讼或者仲裁的方式<b>行使撤销权</b>。但应当注意时限：
                <div class="list">
                    1、在您知道或者应当知道撤销事由之日起一年内行使撤销权。若出现重大误解，应当在知道或者应当知道撤销事由起九十日内行使撤销权；<br>
                    2、若您遭受胁迫，应当在胁迫行为终止之日起一年内行使撤销权；<br>
                    3、若您在知道撤销事由后明确表示或者以自己的行为表明放弃撤销权，撤销权消灭；<br>
                    4、自民事法律行为发生之日起五年内没有行使撤销权的，撤销权消灭。<br>

                </div>
            </p>
        </div>
        <!-- <div class="whiteline"></div> -->
        <div class="title2">
            <h2 class="wow fadeInDown">
                ·管辖
            </h2>
        </div>
        <!-- <div class="whiteline"></div> -->
        <div class="content">
            <p class="wow fadeInDown">
                若您因保险合同纠纷提起民事诉讼，案件由
                <Tooltip :definition="definitions.termA">
                    <bl>被告住所地</bl>
                </Tooltip>
                或<b>保险标的物所在地</b>人民法院管辖。
            </p>
        </div>
        <!-- <div class="whiteline"></div> -->

        <div class="title2">
            <h2 class="wow fadeInDown">
                ·举证责任分配
            </h2>
        </div>
        <div class="content">
            <p class="wow fadeInDown">
                在保险合同纠纷中，并没有明确划分举证责任。因此，在签订保险合同的过程中，您需要妥善保管保单或<b>保险凭证、相关聊天记录</b>等，在签订保险合同时了解多方信息，以保障您的合法权益。
            </p>
        </div>
        
    </div>
    
    

</template>

<style scoped>
@import '@/assets/css/riskdeccss.css';
</style>


